查看原文
其他

SITE ANALYSIS:从ELK到AI的工作流

2017-08-21 十五 LAC丨ArchStudio

相信大家都还记得,小编上一期对于GH平台ELK插件的讲解教程,快打开这个链接:极简神器ELK:秒出城市底图,迅速复习一下吧!

我们之前还有一期针对AI的基础教程:一张平面图教你AI入门,对AI不太熟悉的小伙伴们也可以温习一下~

 

上一期ELK教程,我们的投票结果已经出来了,感谢大家的踊跃参与!



最高票的是第4张图D,小编已经通过ELK和AI的工作流制作了这张图纸,先看看AI后期关键的操作步骤:



最后的成图效果是这样滴~


 

声明:原图纸和设计的版权属于原作者,而基于该素材的制图教程版权属于LAC~

这次我们的教程大致分为以下四步:

(1)获取OSM:在OpenStreetMap下载基地的原始地图数据,即OSM文件

(2)矢量底图:GH中用ELK插件读取OSM,生成并导出矢量格式的dwg底图

(3)分析图解:AI直接打开该dwg,逐个绘制分析图解

(4)汇总排版:AI中汇总各个分析图,完善排版

 

 

STEP 1

获取OSM


这个设计是一个主题为Infrastructure City的城市形态的探索研究,基地选址在Melbourne的郊区Sunshine。打开www.openstreetmap.com网站,输入“Melbourne Sunshine”找到基地。参考我们上一期教程的OSM下载过程:

 


即按照“导出——手动选择不同的区域——调整区域——导出(OSM文件)”的顺序,下载好该基地的OSM文件,命名为“MS”存在了E盘的LAC文件夹下,因此它的文件路径是“E:\LAC\MS.osm”。

Tips:如果选取的区域过大,可能会导出失败,需要调整至合适范围。

 


STEP 2

矢量底图


接着我们打开Rhino和Grasshopper,打开我们ELK上一期教程制作好的电池组文件(公众号后台回复“elk”即可获得下载链接)。就是这两个家伙啦~



打开这两个文件,分别替换掉文件路径名称为“E:\LAC\MS.osm”:



电池组的形式仍然跟ELK上一期教程相同,除了替换掉的文件路径名称:



替换好之后的电池组文件也已经打包好了,小编另存为如下两个文件(公众号后台回复“elk2”即可获得下载链接):



接着我们在Rhino里就能看到矢量格式的基地底图啦,我们逐一bake,记得一定要bake到不同的图层中,并把图层改为对应的名称,养成这个好习惯,后期各种编辑会省力很多~我们得到了如下的线稿和图层:



然后画一个圆,剪切掉圆圈外多余的线稿,我们的底稿在Rhino环节基本就结束啦。其实有些图层的线稿在本次教程中用处不大,但是呢,未来画其他分析图说不定也是要用到这些图层信息的!



也许小伙伴们要问小编如何裁剪得这么干净,那是因为小编耐心的抠图抠的~~这时我们就该选中所有线稿了,点击“文件——导出选取的物件”,导出矢量格式的底图线稿啦,格式选择dwg。

 

 

STEP 3

分析图解


首先打开AI,然后用AI直接打开刚保存的dwg文件,记得选择“缩放以适合画板”哦~



于是我们在AI中就得到了矢量线稿作为后续编辑的基础。打开AI的图层编辑界面,会发现和Rhino中是一一对应的,并且可以新建/删除图层。

 


我们把这个AI文件作为底图模板,每画完一个分析图解,就另存为一个新的AI文件,保持模板文件不变。在最终的成果图中,有6个分析图解需要画,编号顺序1-6由下往上:



图解01和02

图解01和02可以一起完成,只需要把图解02去色即可。所以让我们先画图解02。

打开AI底图模板文件,Ctrl+A全选,建立实时上色组,然后改变填充色(前景色),用填充工具逐一填充不同的颜色。

 

这些颜色代表城市功能分区,小编先填充青色(水域)和红色(可能是商业),再填充大面积的橙黄色(也许是住宅),具体的填充模式取决于你的设计表达意图,小编就先这样示意一下啦~





在这个填充过程中,你可能需要在图层编辑界面按住Alt键切换图层可见性。

 

现在整个填充面域过于单调大块,因此我们还需要用主要的路网来分割这些区域。做法是把路网描边白色,并赋予一个宽度。根据需要,主要道路等描边粗一些,最次级的道路描边细,要区分开。




再把路网线稿所在的图层往上挪,挪到填充色块的图层上,这样白色路网才会在视觉上分割了色块。然后我们图解02就完成啦,微调的事就不啰嗦啦~



在图解02的基础上,通过“编辑——编辑颜色——转换为灰度(G)”,即可实现PS去色的效果,这样我们就得到了图解01。



图解03和04

图解03相对比较简单,选中所有道路线稿,描边黑色,并赋予一个较细的宽度:



再切换图层,只打开高速公路(highway)、主要道路(main roads)线稿所在的图层,选中线稿并描边黑色,并赋予一个较粗的宽度:



类似地,根据需要再把一些线稿描边加粗,最后得到图解03:



图解04和图解03是一样的原理。打开AI底稿模板文件,按住Alt键切换显示不同的图层(即highway,waterway,railway),我们选中对应的线稿,并用不同颜色描边,赋予不同的宽度,就得到了图解04:



图解05和06

图解05应该是放设计的总平,相应地,小伙伴们可以把自己的设计总平放进去。为了简化,小编就放了个不是任何设计的线稿啦~



图解06相当于前面区域填色和道路描边的方法结合,相同之处不再赘言~

首先利用AI底图模板填充色块区域,然后按住Alt键切换图层,描边道路。但是图解06里还有两个闭合路径,需要自己用钢笔工具手动绘制,并作为填色区域,记得把手动绘制的路径放入新的图层哦~


 

STEP 4

汇总排版


上面我们已经集齐了图解01-06,可以召唤最终成果图啦!!!

首先,新建一个AI文档,在里面绘制定位框。在AI中画一个矩形,然后旋转45度,再缩小纵向上的长度,再逐一复制。



定位框是用来把俯视图的图解01-06变形为轴测视图,它也是整个排版的基础。

接着我们通过“文件——置入”,把图解01的AI文件导入进来。把图解01逆时针旋转45度,按快捷键E进行变形编辑,用自由变形反正拖拽图解01的控制点,直至和最底下的定位框重合:



放大看一下:



按照同样的办法,我把依次把图解02至图解06导入AI中,并依次放置变形至和定位框重合,顺序如下:

 


最后我们添加好纵向对位的虚线,还有相应的文本说明,调整一下图层叠加顺序和透明度,整个图纸就大功告成啦~



之前有小伙伴问,如何改变Grasshopper电池的显示模式,在图标和英文全称之间切换?小编在这里回答一下:只需要在Grasshopper界面,点击“display——draw icon”,即可在两种显示模式间切换啦~



后台回复“elk2”即可获本期教程的素材。


原创作品,转载请与我们联系


了解更多相关技术类文章,请戳:

一张平面图教你AI入门

平面秘笈:形式·风格·工具,烦恼拜拜~

光影交错—写实风格的剖透视渲染教程
图解分析的王道:BIG

实景合成在概念表达中的运用解析

极简神器ELK:秒出城市底图

Render那点事

水墨弥漫的灵韵剖面

立面效果图难搞?不!看我空手打造仙气立面风

COLOR UP!

纹理拼贴,剖面图的华丽转身

是时候掌握一套摧枯拉朽的平面技能了!

暗黑中世纪风来袭!你准备好接招了么?

拼贴+手绘!带你领略不一样的轴测图

从建模到后期,一张白描风剖轴测的诞生史

论轴测图的自我修养

三维记忆之树

最少的渲染,最大的效果

在线Mapping,你值得拥有

一组体块分析的蜕变

欧洲古建筑剖析分解影印图

植物素材

人物素材

优秀建筑剖面图赏析

搞个毛线

优秀作品集封面分享

爆炸式分析图分享

打造BIG同款小清新之万用底图

神图剖析(一)

神图剖析(二)



END





官方网站地址

http://www.lac-studio.com

微博丨豆瓣丨知乎

LAC丨ArchStudio

上海工作室地址

上海市杨浦区铁岭路32号同叶大厦434室

(同济大学地铁站步行十分钟)

联系方式

4007163580



联合 Linking | 学术 Academic | 创新 Creation


联合而不仅是连接-我们搭建老师、学生之间沟通的桥梁,更联合优秀的老师和学生,把宝贵的经验与大家互通分享。

学术而不仅是学院-我们不仅提供学院的教学环境,创造活跃,平等的课堂气氛,更注重学术知识的研究、传播。

创新而不仅是创意-我们培养的是学生全面的能力,不仅有好的思想,更有强大的技术,有把创意变为现实的能力。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存